<template>
    <header class="page__container__header">
        <span class="el-icon-delete-solid"></span>
        <div class="header__logo">
            <img src="../assets/spJS_横版_128.a2806b.png">
        </div>
        <div class="site_header-hamburger" expanded="true">
            <div class="hamburger-container">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="header__links">
            <div class="site_hamburger-menu">
                <a class="link" href="https://www.grapecity.com.cn/developer/spreadjs"> 产品首页 </a>
                <a class="link" href="https://www.grapecity.com.cn/developer/spreadjs/demo"> 在线 Demo </a>
                <a class="link select" href="https://demo.grapecity.com.cn/spreadjs/help/docs/"> 产品文档 </a>
                <a class="link" href="https://demo.grapecity.com.cn/spreadjs/help/api/"> API 参考 </a>
                <a class="link" href="https://gcdn.grapecity.com.cn/showforum-230-1.html"> 技术社区 </a>
            </div>
        </div>
        <div class="header__buttons">
            <a href="https://www.grapecity.com.cn/applyonline" class="button applyonline" target="_blank">预约技术顾问</a>
            <a href="https://www.grapecity.com.cn/developer/spreadjs/download" class="button" target="_blank"> 立即试用 </a>
        </div>
    </header>
</template>
<style src="../assets/doc.css"></style>
<style>
.applyonline {
    background-color: #941966;
    color: #fff !important;
}
</style>